<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1" name="viewport">
	<title>护理专家工作室</title>
	<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="./bootstrap/css/myForm.css">
    <link rel="stylesheet" type="text/css" href="./bootstrap/css/validate.css" rel="stylesheet" type="text/css" />
    <script src="./jquery/jquery.js"></script>
    <script src="./jquery/jquery.maskedinput.js"></script>
</head>

<!--插入背景图-->
<body style="background-image: url(./image/backgroungImage.jpg);">

<!--信息收集部分-->
<div class="form_div container ">
    <div class="row clearfix ">
        <div class="col-xs-12"><h1 style="margin-left: 10%; color: #23527c">加入我们</h1>
        </div>
    </div>
    <hr style="background-color: #23527c; height: 2px;" />

    <div class="row clearfix">
        <div class="col-xs-12 column">
            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <label for="inputName" class="col-xs-2 control-label" >姓名</label>
                    <div class="col-xs-3">
                        <input type="text" class="form-control" reg="^[A-z]+$|^[\u4e00-\u9fa5]{2,5}$"  id="inputName"/>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-xs-2 control-label" >性别</label>
                    <div class="col-xs-3">
                    <label class="checkbox-inline">
                        <input type="radio" name="options" id="optionsRadios3" value="boy"> 男
                    </label>
                    <label class="checkbox-inline">
                        <input type="radio" name="options" id="optionsRadios4"  value="girl"> 女
                    </label>
                    </div>
                    </div>

                <div class="form-group">
                    <label class="col-xs-2 control-label" >意向</label>
                    <div class="col-xs-3">
                        <label class="checkbox-inline">
                            <input type="radio" name="options" id="optionsRadios5" value="software"> 软
                        </label>
                        <label class="checkbox-inline">
                            <input type="radio" name="options" id="optionsRadios6"  value="hardware"> 硬
                        </label>
                    </div>
                </div>

                <div class="form-group ">
                    <label for="inputBirthday" class="col-xs-2 control-label">出生年月</label>
                    <div class="col-xs-3">
                        <input type="text" class="form-control" id="inputBirthday"/>
                    </div>
                    <script>
                        jQuery(function($){
                            $("#inputBirthday").mask("9999/99/99");
                        });
                    </script>
                </div>

                <div class="form-group">
                    <label for="inputNumber3" class="col-xs-2 control-label">学号</label>
                    <div class="col-xs-3">
                        <input type="text" class="form-control" reg="^\d{5}[13|14|15|16]{2}\d{3}$" id="inputNumber3" />
                    </div>
                </div>

                <div class="form-group">
                    <label for="inputClass" class="col-xs-2 control-label">专业班级</label>
                    <div class="col-xs-3">
                        <input type="text" class="form-control" id="inputClass" />
                    </div>
                </div>

                <div class="form-group">
                    <label for="inputQQ" class="col-xs-2 control-label">QQ</label>
                    <div class="col-xs-3">
                        <input type="text" class="form-control" reg="^\d{7,11}$" id="inputQQ" />
                    </div>
                </div>

                <div class="form-group">
                    <label for="inputPhoneNumber" class="col-xs-2 control-label">手机号</label>
                    <div class="col-xs-3">
                        <input type="text" class="form-control" reg="^(1)[0-9]{10}$" id="inputPhoneNumber" />
                    </div>
                </div>

                <div class="form-group">
                    <label  class="col-xs-2 control-label">个人简介</label>
                        <div class="col-xs-8">
                            <textarea class="form-control" style="color: slategray; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);" rows="6" name="introduceU" onfocus="if(value=='可简单描述获奖情况，参加项目情况以及基础等'){value=''}"
                                      onblur="if (value ==''){value='可简单描述获奖情况，参加项目情况以及基础等'}">可简单描述获奖情况，参加项目情况以及基础等</textarea>
                        </div>
                    </div>
                <div class="form-group">
                    <div class="col-xs-offset-2 col-xs-10">
                        <button type="submit" class="btn btn-primary">提交</button>
                    </div>
                </div>
            </form>
            <hr style="background-color: #23527c; height: 2px;" />
        </div>
    </div>
</div>

<script src="./jquery/validate.pack.js"></script>
<!--页脚-->

<div class="container">
    <div class="row clearfix">
        <div class="col-md-12">
            <span style="font-family:Arial; color: slategray;">Copyright © 2015 - 2016 护理专家工作室(19栋10F). All Rights Reserved</span>
        </div>
    </div>
<br/>
</div>

</body>
</html>

